<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/js.vue.js"></script>
</head>
<div id="box">
    <button @click="txt='hello'">hello</button>
    <button @click="txt='world'">world</button>
    <!-- <hello></hello>
    <world></world> -->
    <component :is="txt"> </component>
</div>
<body>
    <script type="module">
    
        import {hello,world} from'../js/nomin.js'
        Vue.createApp({
            components:{
                hello,
                world
            },
            data(){
                return {
                      txt:'world',
                }
            }
        }).mount('#box')
      </script>
</body>
</html>